<style>
/* CSS Document */
.delatnost_item{
	display:block;
	float:left;
	clear:both;
	width:100%;
}
.main_body{
	width:100%;
}
.kategorija_listbox_unos{
	display:none;
}
.kategorija_listbox{
	display:block;
}
#kategorije_lista{
	display:block;
	clear:none;
	float:left;
}
#top_tools{
	display:block;
	float:right;
	clear:right;
}
.top_menu{
	display:block;
	float:left;
	width:70%;
}
div.delatnosti_legend{
	width:100%;
	display:block;
	float:left;
	clear:both;
	margin-left:1em;
}
div.legend_delatnost_item{
	width:140px;
	display:block;
	float:left;
	clear:none;
	font-size:80%;
}
div.legend_delatnost_item_id{
	width:50px;
	display:block;
	float:left;
	clear:none;
	font-size:80%;
}
input:disabled{
	background-color:#CCCCCC;
}
.item_tools{
	display:block;
	float:left;
	clear:none;	
}
span#top_izvestaj{
	color:#999999;
	font-size:78%;
}
</style>
<div class="main_body">
<div class="top_menu">
	<div class="top_navigacija">
		<span id="top_izvestaj">{{$top_izvestaj}}</span>Postoji {{$broj_kategorija}} unosa na {{$broj_strana}} &nbsp;strana. {{$link_pocetno}} {{$link_prethodno}} {{$link_strane}} {{$link_sledece}} {{$link_poslednje}} 
	</div>
	
	<div id="top_tools">
	<input type="button" onclick="newKategorija()" value="Dodaj kategoriju" />
	<input type="hidden" value="{{$broj_kategorija_na_strani}}" id="broj_kategorija_na_strani" />
	<!-- <input type="button" ondblclick="LoadRSDoc('delatnosti.php?a=commit','refreshDelatnosti');" value="Sačuvaj" /> -->
	</div>
</div>
<!------------NEW START--------------------->
<form class="area" id="kat_new" style="display:none;">
	Unesite novu kategoriju:
	<div class="kat_item">
		&nbsp;<input id="kat_ime_new" type="text" value="" onchange="" />
		&nbsp;<input id="kat_ime_en_new" type="text" value="" onchange="" />
		<br class="all" />
		<a id="save_{{$kat_id}}" href="javascript:void(0);" onclick="addKategorija();" title="kliknite da sačuvate nov unos 'kat_ime_new'">Sačuvaj</a>
	</div>
</form>
<br clear="all" />
<!-------------NEW END-------------------->
<form class="area">
<div class="delatnosti_legend">
	<div class="legend_delatnost_item_id">ID</div>
	<div class="legend_delatnost_item">Naziv kategorije</div>
	<div class="legend_delatnost_item">Naziv kategorije na Engleskom</div>
	<div class="legend_delatnost_item">Operacija</div>
</div>
<div id="delatnosti_lista">
	{{%loop start kat_id}}
<div class="delatnost_item" id="item_{{$kat_id}}">
	&nbsp;
	<input type="hidden" id="r_{{$kat_id}}" value="0" />
	<input type="text" style="width:3em; background-color:#CCCCCC;" disabled="disabled" value="{{$kat_id}}" />
	&nbsp;<input id="kat_ime_{{$kat_id}}" type="text" disabled="disabled" value="{{$kat_ime}}" onchange="" />
	&nbsp;<input id="kat_ime_en_{{$kat_id}}" type="text" disabled="disabled" value="{{$kat_ime_en}}" onchange="" />
	&nbsp;
	<input id="kat_id_{{$kat_id}}" type="hidden" value="{{$kat_id}}" />
	&nbsp;
	<br class="all" />
	
	<div class="item_tools"><a id="edit_{{$kat_id}}" href="javascript:void(0);" onclick="changeEditKat('{{$kat_id}}');" title="kliknite za izmenu polja {{$kat_ime}}" >Izmeni polje</a>&nbsp;<a id="save_{{$kat_id}}" href="javascript:void(0);" onclick="saveChangesKat('{{$kat_id}}');" title="kliknite da sačuvate izmene na polju {{$kat_ime}}" style="visibility:hidden;">Sačuvaj</a>&nbsp;<a id="delete_{{$kat_id}}" href="javascript:void(0);" onclick="delKategorija('{{$kat_id}}');" title="kliknite da izbrišete polje {{$kat_ime}}" style="visibility:hidden;">Izbriši</a></div>
	
</div>
	{{%loop end}}
</form>
</div>
<br clear="all" />
